Build Carousell View React Native in 10 minutes - For Windows

1. Pastikan anda sudah menginstall wget pada komputer. Download disini untuk menginstall wget. Kemudian copy paste wget.exe yang sudah terdownload ke dalam folder C:\Windows\System32
2. Tambahkan Git path C:\Program Files\Git\cmd ke dalam PATH environment variable
3. Buka command prompt as Administrator lalu copy-paste script berikut untuk mendownload file batch script


wget -c https://gitlab.com/riskadesrianti23/Carousel/raw/master/carouselProject2/main.bat




4. Siapkan emulator Android dan jalankan file main.bat yang sudah didownload kemudian ketikkan nama project dan Enter. Project akan langsung dibuat secara otomatis



5. View yang akan tampil pada emulator

Read more ...

Install & Build Your First React Native Project in 20 minutes - Short Version

Note : Asumsi anda sudah menginstall Android Studio

For Ubuntu

1.  Download file shell script disini kemudian jalankan file pada command prompt

For Windows 

1. Pastikan anda sudah menginstall wget pada komputer. Download wget.exe 64bit atau 32bit untuk menginstall wget. Kemudian copy paste wget.exe yang sudah terdownload ke dalam folder C:\Windows\System32
2. Siapkan emulator android Anda.
3. Buka command prompt as Administrator, lalu copy-paste script berikut untuk mendownload file batch script
wget -c https://gitlab.com/riskadesrianti23/AwesomeProject/raw/master/MyApp/create-react-native.bat
4. Masih pada command prompt, jalankan file create-react-native.bat dan jalankan sesuai dengan perintah pada command prompt.

Screen yang akan tampil

Read more ...

Install & Build Your First React Native Project in 20 minutes

Tulisan ini akan membantu Anda untuk menginstall react-native dan build project react-native pertama Anda. Disini saya menggunakan react-native CLI didalam file bat untuk melakukan instalasi dan build project.

For Ubuntu

•  Download file shell script disini kemudian jalankan file pada command prompt

For Windows 

• Install android studio
• Setting PATH pada environment variable

• Pastikan anda sudah menginstall wget pada komputer. Download disini untuk menginstall wget. Kemudian copy paste wget.exe yang sudah terdownload ke dalam folder C:\Windows\System32
• Setting hp Android anda dengan developer mode dan aktifkan USB Debugging pada developer options kemudian hubungkan hp Android dengan komputer atau siapkan emulator android Anda.
• Pastikan anda sudah bisa menjalankan adb devices untuk mengecek devices atau hp Android yang terhubung ke komputer.

• Buka command prompt lalu copy-paste script berikut untuk mendownload file batch script
wget -c https://gitlab.com/riskadesrianti23/AwesomeProject/raw/master/MyApp/react_install.bat
wget -c https://gitlab.com/riskadesrianti23/AwesomeProject/raw/master/MyApp/create-react-project.bat
• Masuk command line as Administrator, change direktori dimana file bat Anda disimpan kemudian jalankan file react-install.bat untuk instalasi react native
• Masih pada command line, jalankan file create-react-project.bat 

• Untuk menjalankan project yang sudah dibuat ketikkan command dibawah ini
react-native run-android

Nodejs Installation

Untuk menginstall react native kita harus melakukan instalasi nodejs terlebih dahulu agar kita dapat menggunakan react-native CLI.

Windows :
Pertama-tama Anda harus mendownload nodejs terlebih dahulu, kemudian melakukan instalasi nodejs. Anda harus merubah INSTALLDIR sesuai dengan direktori Windows Anda.

wget https://nodejs.org/dist/v8.9.4/node-v8.9.4-x64.msi 

"node-v8.9.4-x64.msi" ACCEPT=YES INSTALLDIR="C:\Program Files\nodejs\" /qb

Ubuntu:

sudo apt-get install nodejs
sudo apt-get install npm
sudo apt install adb

Install React Native CLI

Install react native dan react native CLI

npm install -g react-native

npm install -g react-native-cli

Creating React Native Project

Masukkan nama project Anda kemudian react-native init namaProject 

set /p project=
react-native init %project%

Build and run project into your android

react-native run-android

Screen yang akan tampil

Read more ...

React Native Finger Print Authentication

Saat ini fitur finger print sensor menjadi salah satu fitur yang diandalkan pada smartphone. Seiring dengan perkembangan teknologi, fitur finger print ini tidak hanya digunakan sebagai pengaman atau kunci smartphone saja tetapi juga dapat digunakan untuk autentikasi sebuah aplikasi yang dapat memudahkan pengguna untuk melakukan login tanpa menggunakan password dan username.

Pada project kali ini saya membuat sebuah reusable komponen finger print yang sudah pernah dibuat sebelumnya menggunakan react-native dengan batch script. Jadi jika kita membutuhkan komponen finger print pada app, kita tidak perlu melakukan coding lagi sehingga waktu yang digunakan akan lebih efektif.

Bat script yang akan kita jalankan :

1. create react-native project (create-react-native.bat)
2. dependency untuk fingerprint (fingerDep.bat)
3. create fingerprint component (fingerprint.bat)
4. build gradlew (build-gradlew.bat)
5. run android (run.bat)
6. writeFile.jar

Pastikan anda sudah menginstall nodejs, npm, wget dan android studio. Jika Anda sudah mendownload file bat script diatas lakukan langkah berikut ini :

Create react-native project
Jalankan script create-react-native.bat untuk membuat project react-native

react-native init Fingerprint

Setelah project selesai dibuat, pindahkan direktori ke dalam direktori Fingerprint kemudian copy file bat dan jar kedalam direktori project.
Jalankan bat file sesuai dengan urutan diatas. Selamat mencoba.

Read more ...